<div class="divColorbox">
    <div class="divColorbox_Header">
        <span><i class="fa fa-star"></i><span>用户信息</span></span>
        <a class="Refresh"></a><a class="Close"></a>
    </div>
    <div class="divColorbox_Body row">
        <ul id="MenuTabs" class="nav nav-tabs">
            <li class="active"><a data-toggle="tab" href="#MenuTabs_Base">基本信息</a></li>
            <li id="Tabs_Anchor" style="display: none;"><a data-toggle="tab" href="#MenuTabs_Anchor">艺人信息</a></li>
            <li id="Tabs_Family" style="display: none;"><a data-toggle="tab" href="#MenuTabs_Family">公会信息</a></li>
            <li id="Tabs_Admin" style="display: none;"><a data-toggle="tab" href="#MenuTabs_Admin">管理员信息</a></li>
        </ul>
        <div class="tab-content">
            <div id="MenuTabs_Base" class="tab-pane active">
                <input name="User_ID" type="hidden"/>
                <div class="row">
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">用户ID</span>
                            <input id="User_ID" type="text" class="form-control" value="-------------" disabled/>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">状态</span>
                            <input id="Status" type="text" class="form-control" value="正常" disabled/>
                            <span id="span_Status" class="input-group-addon"></span>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">性别</span>
                            <input id="Sex" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                </div>
                <div class="space-6"></div>
                <div class="row">
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">昵称</span>
                            <input id="NickName" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">艺人</span>
                            <input id="IsAnchor" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">公会</span>
                            <input id="IsFamily" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                </div>
                <div class="hr"></div>
                <div class="row">
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">等级</span>
                            <input id="Level" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">金币</span>
                            <input id="Coin" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">金豆</span>
                            <input id="Beans" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                </div>
                <div class="space-6"></div>
                <div class="row">
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">经验值</span>
                            <input id="EXP" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">VIP</span>
                            <input id="VIP" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon"> 最后登录时间</span>
                            <input id="Login_This_Date" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                </div>
            </div>
            <div id="MenuTabs_Anchor" class="tab-pane">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">邮箱</span>
                            <input id="Anchor_Email" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">状态</span>
                            <input id="Anchor_Status" type="text" class="form-control" value="正常" disabled/>
                            <span id="span_AnchorStatus" class="input-group-addon"></span>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">电话</span>
                            <input id="Anchor_Phone" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                </div>
                <div class="space-6"></div>
                <div class="row">
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">房间名称</span>
                            <input id="RoomName" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">房间欢迎语</span>
                            <input id="RoomWelcome" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">QQ</span>
                            <input id="QQ" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                </div>
                <div class="hr"></div>
                <div class="row">
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon"> 身份证号</span>
                            <input id="IDCard" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">开户银行</span>
                            <input id="Account_BankName" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">银行全称</span>
                            <input id="Account_BankFullName" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                </div>
                <div class="space-6"></div>
                <div class="row">
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">开户姓名</span>
                            <input id="Account_RealName" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">艺人经验值</span>
                            <input id="Anchor_EXP" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">标签</span>
                            <input id="Tags" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                </div>
            </div>
            <div id="MenuTabs_Family" class="tab-pane">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">公会名</span>
                            <input id="Family_Name" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">状态</span>
                            <input id="Family_Status" type="text" class="form-control" value="正常" disabled/>
                            <span id="span_FamilyStatus" class="input-group-addon"></span>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">联系人</span>
                            <input id="ContactName" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                </div>
                <div class="space-6"></div>
                <div class="row">
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">邮箱</span>
                            <input id="Family_Email" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">电话</span>
                            <input id="Family_Phone" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">QQ</span>
                            <input id="Family_QQ" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                </div>
                <div class="hr"></div>
                <div class="row">
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">身份证</span>
                            <input id="Family_IDCard" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">开户银行</span>
                            <input id="Family_Account_BankName" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">开户姓名</span>
                            <input id="Family_Account_RealName" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                </div>
                <div class="space-6"></div>
                <div class="row">
                    <div class="col-sm-12">
                        <div class="input-group">
                            <span class="input-group-addon">银行全称</span>
                            <input id="Family_Account_BankFullName" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                </div>
            </div>
            <div id="MenuTabs_Admin" class="tab-pane">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">姓名</span>
                            <input id="Admin_RealName" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">状态</span>
                            <input id="Admin_Status" type="text" class="form-control" value="正常" disabled/>
                            <span id="span_AdminStatus" class="input-group-addon"></span>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">电话</span>
                            <input id="Admin_Phone" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                </div>
                <div class="space-6"></div>
                <div class="row">
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-addon">管理员</span>
                            <input id="Admin_IsMaster" type="text" class="form-control" disabled/>
                            <span id="span_AdminIsMaster" class="input-group-addon"></span>
                        </div>
                    </div>
                    <div class="col-sm-8">
                        <div class="input-group">
                            <span class="input-group-addon">创建时间</span>
                            <input id="Admin_Create_Date" type="text" class="form-control" disabled/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="divColorbox_Footer">
        <button type="button" id="btnEdit" class="btn btn-primary">
            <i class="fa fa-pencil"></i> 修改资料
        </button>
        <button type="button" id="btnUndo"></button>
    </div>
</div>
<script>
    $(function () {
                if (_PageData.flag != 0) {
                    $.KOC.Tips.Open("Error", _PageData.flag, {
                        Timeout: 1000,
                        onClose: function () {
                            parent.$.colorbox.close();
                        }
                    });
                    return;
                }
                //////////////////////////////////////////////////////////
                //数据绑定
                //////////////////////////////////////////////////////////
                $('#User_ID').val(_PageData.User_ID);
                $('#NickName').val(_PageData.NickName);
//        $('#VIP').val(_PageData.VIP);
                $('#Level').val(_PageData.Level.Level);
                $('#Coin').val(_PageData.Coin);
                $('#Beans').val(_PageData.Beans);
                $('#EXP').val(_PageData.EXP);
                $('#Login_This_Date').val(moment(_PageData.Login_This_Date).isValid() ? moment(_PageData.Login_This_Date).format('YYYY-MM-DD HH:mm:ss') : '');
                switch (_PageData.Status) {
                    case 0 :
                        $("#Status").val('正常');
                        $("#span_Status").html('<i class="fa fa-check green"></i>');
                        break;
                    case 1 :
                        $("#Status").val('锁定');
                        $("#span_Status").html('<i class="fa fa-lock orange"></i>');
                        break;
                }

                if (_PageData.VIP) {
                    $('#VIP').val('是');
                } else {
                    $('#VIP').val('否');
                }

                switch (_PageData.Sex) {
                    case 1 :
                        $("#Sex").val('男');
                        break;
                    case 2 :
                        $("#Sex").val('女');
                        break;
                    default:
                        $('#Sex').val('');
                        break;
                }
                switch (_PageData.IsAnchor) {
                    case 0 :
                        $("#IsAnchor").val('否');
                        break;
                    case 1 :
                        $("#IsAnchor").val('是');
                        break;
                    default:
                        $('#IsAnchor').val('');
                        break;
                }
                switch (_PageData.IsFamily) {
                    case 0 :
                        $("#IsFamily").val('否');
                        break;
                    case 1 :
                        $("#IsFamily").val('是');
                        break;
                    default:
                        $('#IsFamily').val('');
                        break;
                }

                if (_PageData.Anchor_User_ID) {
                    $('#Tabs_Anchor').show();
                    $('#Anchor_Email').val(_PageData.Anchor_Email);
                    $('#Anchor_Phone').val(_PageData.Anchor_Phone);
                    $('#RoomName').val(_PageData.RoomName);
                    $('#RoomWelcome').val(_PageData.RoomWelcome);
                    $('#Tags').val(_PageData.Tags);
                    $('#QQ').val(_PageData.QQ);
                    $('#IDCard').val(_PageData.IDCard);
                    $('#Account_BankName').val(_PageData.Account_BankName);
                    $('#Account_BankFullName').val(_PageData.Account_BankFullName);
                    $('#Account_RealName').val(_PageData.Account_RealName);
                    $('#Anchor_EXP').val(_PageData.Anchor_EXP);
                    switch (_PageData.Anchor_Status) {
                        case 0 :
                            $("#Anchor_Status").val('正常');
                            $("#span_AnchorStatus").html('<i class="fa fa-check green"></i>');
                            break;
                        case 1 :
                            $("#Anchor_Status").val('锁定');
                            $("#span_AnchorStatus").html('<i class="fa fa-lock orange"></i>');
                            break;
                    }
                }

                if (_PageData.Family_User_ID) {
                    $('#Tabs_Family').show();

                    $('#Family_Name').val(_PageData.Family_Name);
                    $('#ContactName').val(_PageData.ContactName);
                    $('#Family_Email').val(_PageData.Family_Email);
                    $('#Family_Phone').val(_PageData.Family_Phone);
                    $('#Family_QQ').val(_PageData.Family_QQ);
                    $('#Family_IDCard').val(_PageData.Family_IDCard);
                    $('#Family_Account_BankName').val(_PageData.Family_Account_BankName);
                    $('#Family_Account_BankFullName').val(_PageData.Family_Account_BankFullName);
                    $('#Family_Account_RealName').val(_PageData.Family_Account_RealName);
                    switch (_PageData.Family_Status) {
                        case 0 :
                            $("#Family_Status").val('正常');
                            $("#span_FamilyStatus").html('<i class="fa fa-check green"></i>');
                            break;
                        case 1 :
                            $("#Family_Status").val('锁定');
                            $("#span_FamilyStatus").html('<i class="fa fa-lock orange"></i>');
                            break;
                    }
                }

                if (_PageData.Admin_User_ID) {
                    $('#Tabs_Admin').show();

                    $('#Admin_RealName').val(_PageData.Admin_RealName);
                    $('#Admin_Phone').val(_PageData.Admin_Phone);
                    $('#Admin_Create_Date').val(moment(_PageData.Admin_Create_Date).isValid() ? moment(_PageData.Admin_Create_Date).format('YYYY-MM-DD HH:mm:ss') : '');
                    $('#Admin_IsMaster').val(_PageData.Admin_IsMaster);
                    switch (_PageData.Admin_IsMaster) {
                        case 0 :
                            $("#Admin_IsMaster").val('否');
                            $("#span_AdminIsMaster").html('<i class="fa fa-user orange"></i>');
                            break;
                        case 1 :
                            $("#Admin_IsMaster").val('是');
                            $("#span_AdminIsMaster").html('<i class="fa fa-user-plus green"></i>');
                            break;
                    }
                    switch (_PageData.Admin_Status) {
                        case 0 :
                            $("#Admin_Status").val('正常');
                            $("#span_AdminStatus").html('<i class="fa fa-check green"></i>');
                            break;
                        case 1 :
                            $("#Admin_Status").val('锁定');
                            $("#span_AdminStatus").html('<i class="fa fa-lock orange"></i>');
                            break;
                    }
                }
            }
    );
</script>